/* 初始化标签在所有浏览器中的margin、padding值 */

body,
div,
dl,
dt,
dd,
ul,
li,
form,
textarea,
p,
th,
td,
input,
select,
button {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
}


/* 重置fieldset（表单分组）、图片的边框为0*/

img {
	border: 0;
}


/* 重置类表前导符号为none */

dl,
ul,
li {
	list-style: none;
}


/* 重置表单控件垂直居中*/

input,
select,
textarea,
button {
	vertical-align: middle;
}


/* 重置表单button按钮效果 */

button {
	border: 0;
	background-color: transparent;
	cursor: pointer;
}


/* 重置页面文字属性 */

body,
th,
td,
input,
select,
button {
	font-size: 12px;
	font-family: "微软雅黑", "黑体", "宋体";
	color: #666;
}


/* 重置链接a标签 */

a {
	color: #666;
	text-decoration: none;
}


/* 重置样式标签的样式 */

em {
	font-style: normal;
	font-weight: normal;
}


/* 图片在当前行内的垂直位置 */

img {
	vertical-align: top;
}

body {
	display: flex;
	flex-direction: column;
	position: relative;
}

a {
	text-decoration: none;
}

ul li {
	list-style: none;
}

header {
	width: 100%;
	height: 192px;
}

footer {
	width: 100%;
	height: 505px;
}